<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>
    // 对象的遍历

    // 对象的遍历是不能使用for循环的,因为对象是无序的
    // 对象有专门的for...in...循环的方式做遍历

    // var obj = {
    //   a: 3,
    //   b: 4,
    //   c: 10
    // }

    // for (var key in obj) { // obj指的是一个具体的对象,key表示的是每一项属性的形参
    //   // console.log(key); // a b c
    //   console.log(obj[key]); // 3 4 10
    // }



    // for...in...也可以用于数组，容易出问题
    // var arr = ["a","b", "c", "d"];
    // for (var key in arr) {
    //   // console.log(key);
    //   console.log(arr[key]);
    // }



    
    // Object.keys可以接受一个对象，并且返回一个数组
    // 因为数组有更多方便的遍历方式，可以让操作数据更加的灵活和容易
    // const arr = Object.keys(obj);
    // console.log(arr);
  </script>
</body>
</html>